<template>
  <!--  密码登录页面-->
  <div class="box2">
    <header1>
      <div>
        <h2 style="margin-top: 30px">微课堂</h2>
      </div>
      <div style="margin: 30px 90px">
        <ul class="" style="display: flex">
          <el-link
            type="primary"
            @click="show('login_password')"
            style="margin-right: 20px"
            >密码登录</el-link
          >
          <el-link type="primary" @click="show('login_message')"
            >短信登录</el-link
          >
        </ul>
      </div>
    </header1>
    <label>用户名：</label>
    <el-input style="width: 180px" />
    <div style="margin-top: 10px; margin-left: 11px">
      <label>密 码：</label>
      <el-input placeholder="请输入密码" style="width: 180px" />
    </div>
    <div style="margin-top: 10px">
      <input
        @click="handlesave"
        id="yes"
        type="radio"
        value="1"
        style="margin-right: 10px"
      />
      <label for="yes">保持登录状态</label>
    </div>
    <div>
      <el-row class="mb-4" style="margin-left: 55px; margin-top: 30px">
        <el-button
          type="primary"
          plain
          style="width: 90px; height: 40px; margin-right: 20px"
          @click.prevent="handleregister"
          >注册</el-button
        >
        <el-button
          type="primary"
          plain
          style="width: 90px; height: 40px"
          @click.prevent="handlelogin"
          >登录</el-button
        >
      </el-row>
    </div>
  </div>
</template>

<script></script>

<style scoped></style>
